﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta name="keywords" content="Chloe,ORM,.NET,Core,C#,数据库访问,性能高,高性能,好用">
    <meta name="description" content="A lightweight and high-performance Object/Relational Mapping(ORM) library for .NET --C#">
    <link rel="icon" href="@Url.Content("~/Content/images/ORMicon(200x200).png")" type="image/x-icon">
    <title>@ViewBag.Title</title>
    @this.RefStyle("~/Content/bootstrap/bootstrap.min.css")
    @this.RefStyle("~/Content/css/font-awesome.min.css")
    @this.RefStyle("~/Content/css/layout-page.css")
    @this.RefScript("~/Content/jquery/jquery-1.11.1.min.js")
    @this.RefScript("~/Content/bootstrap/bootstrap.min.js")
    <!-- header 必须 -->
    @*@this.RefScript("~/Content/js/jquery.backstretch.min.js")*@
    @this.RefScript("~/Content/js/header.js")
    @this.RefScript("~/Content/js/back-top.js")  @*返回到顶部按钮，js添加html按钮并控制显示隐藏*@



    @*@this.RefScript("~/Content/worthy/plugins/modernizr.js")
    @this.RefScript("~/Content/worthy/plugins/jquery.appear.js")
    @this.RefScript("~/Content/js/template.js")*@
</head>
<body>
    <header class="header fixed clearfix navbar navbar-fixed-top">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="header-left clearfix">
                        <div class="logo smooth-scroll">
                            <a href="@this.Href("~/")"><img id="logo" style="width:60px;height:60px;" src="@this.Href("~/Content/images/ORMicon(200x200).png")" alt="Chloe" /></a>
                        </div>
                        <div class="site-name-and-slogan smooth-scroll">
                            <div class="site-name"><a href="@this.Href("~/")">Chloe</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="header-right clearfix">
                        <div class="main-navigation animated">
                            <nav class="navbar navbar-default" role="navigation">
                                <div class="container-fluid">
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>
                                    <div class="collapse navbar-collapse  scrollspy smooth-scroll" id="navbar-collapse-1">
                                        <ul class="nav navbar-nav navbar-right">
                                            <li class="active"><a ref-id="home" href="@this.Url.Action("Index","Home")">Home</a></li>
                                            <li><a ref-id="documentation" href="@this.Href("~/Wiki/Document")">Documentation</a></li>
                                            <li><a ref-id="upgrade-notes" href="@this.Url.Action("UpgradeNotes", "Home", new { id = "3325175022200291328" })">Upgrade notes</a></li>
                                            <li><a href="#portfolio">Portfolio</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    @RenderBody()

    <!-- section start -->
    <!-- ================ -->
    <div class="default-bg space blue">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <h1 class="text-center">Let's Work Together!</h1>
                </div>
            </div>
        </div>
    </div>
    <!-- section end -->

    <!-- section start -->
    <!-- ================ -->
    @*<div class="section">
        <div class="container">
            <h1 class="text-center title" id="portfolio">Portfolio</h1>
            <div class="separator"></div>
            <p class="lead text-center">Lorem ipsum dolor sit amet laudantium molestias similique.<br> Quisquam incidunt ut laboriosam.</p>
            <br>
            <div class="row object-non-visible" data-animation-effect="fadeIn">
                <div class="col-md-12">
                    <!-- isotope filters start -->
                    <div class="filters text-center">
                        <ul class="nav nav-pills">
                            <li class="active"><a href="#" data-filter="*">All</a></li>
                            <li><a href="#" data-filter=".web-design">Web design</a></li>
                            <li><a href="#" data-filter=".app-development">App development</a></li>
                            <li><a href="#" data-filter=".site-building">Site building</a></li>
                        </ul>
                    </div>
                    <!-- isotope filters end -->
                    <!-- portfolio items start -->
                    <div class="isotope-container row grid-space-20">
                        <div class="col-sm-6 col-md-3 isotope-item web-design">
                            <div class="image-box">
                                <div class="overlay-container">
                                    <img src="@this.Href("~/Content/worthy/images/portfolio-1.jpg")" alt="">
                                    <a class="overlay" data-toggle="modal" data-target="#project-1">
                                        <i class="fa fa-search-plus"></i>
                                        <span>Web Design</span>
                                    </a>
                                </div>
                                <a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-1">Project Title</a>
                            </div>
                            <!-- Modal -->
                            <div class="modal fade" id="project-1" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title" id="project-1-label">Project Title</h4>
                                        </div>
                                        <div class="modal-body">
                                            <h3>Project Description</h3>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
                                                    <p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="@this.Href("~/Content/worthy/images/portfolio-1.jpg")" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Modal end -->
                        </div>
                        <div class="col-sm-6 col-md-3 isotope-item app-development">
                            <div class="image-box">
                                <div class="overlay-container">
                                    <img src="@this.Href("~/Content/worthy/images/portfolio-2.jpg")" alt="">
                                    <a class="overlay" data-toggle="modal" data-target="#project-2">
                                        <i class="fa fa-search-plus"></i>
                                        <span>App Development</span>
                                    </a>
                                </div>
                                <a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-2">Project Title</a>
                            </div>
                            <!-- Modal -->
                            <div class="modal fade" id="project-2" tabindex="-1" role="dialog" aria-labelledby="project-2-label" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title" id="project-2-label">Project Title</h4>
                                        </div>
                                        <div class="modal-body">
                                            <h3>Project Description</h3>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
                                                    <p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="@this.Href("~/Content/worthy/images/portfolio-2.jpg")" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Modal end -->
                        </div>

                        <div class="col-sm-6 col-md-3 isotope-item web-design">
                            <div class="image-box">
                                <div class="overlay-container">
                                    <img src="@this.Href("~/Content/worthy/images/portfolio-3.jpg")" alt="">
                                    <a class="overlay" data-toggle="modal" data-target="#project-3">
                                        <i class="fa fa-search-plus"></i>
                                        <span>Web Design</span>
                                    </a>
                                </div>
                                <a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-3">Project Title</a>
                            </div>
                            <!-- Modal -->
                            <div class="modal fade" id="project-3" tabindex="-1" role="dialog" aria-labelledby="project-3-label" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title" id="project-3-label">Project Title</h4>
                                        </div>
                                        <div class="modal-body">
                                            <h3>Project Description</h3>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
                                                    <p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="@this.Href("~/Content/worthy/images/portfolio-3.jpg")" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Modal end -->
                        </div>

                        <div class="col-sm-6 col-md-3 isotope-item site-building">
                            <div class="image-box">
                                <div class="overlay-container">
                                    <img src="@this.Href("~/Content/worthy/images/portfolio-4.jpg")" alt="">
                                    <a class="overlay" data-toggle="modal" data-target="#project-4">
                                        <i class="fa fa-search-plus"></i>
                                        <span>Site Building</span>
                                    </a>
                                </div>
                                <a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-4">Project Title</a>
                            </div>
                            <!-- Modal -->
                            <div class="modal fade" id="project-4" tabindex="-1" role="dialog" aria-labelledby="project-4-label" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title" id="project-4-label">Project Title</h4>
                                        </div>
                                        <div class="modal-body">
                                            <h3>Project Description</h3>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
                                                    <p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="@this.Href("~/Content/worthy/images/portfolio-4.jpg")" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Modal end -->
                        </div>
     
                    </div>
                    <!-- portfolio items end -->

                </div>
            </div>
        </div>
    </div>*@
    <!-- section end -->

    <footer>
        <div style="text-align:center;">
            <p style="margin:0;color: #828282">
                QQ群：<span>325936847 只要您<strong>愿意</strong>即可加入</span><br />
                博客：<a href="http://www.cnblogs.com/so9527" target="_blank">http://www.cnblogs.com/so9527</a><br />
                GitHub：<a href="https://github.com/shuxinqin/Chloe" target="_blank">https://github.com/shuxinqin/Chloe</a><br />
            </p>
            <p class="copyright-text">
                Copyright &copy; 2016-2017 Chloe.ORM&nbsp;&nbsp;&nbsp;<span style="font-size:12px;">Powered by ASP.NET Core on Linux</span>
            </p>
        </div>
    </footer>
    @RenderSection("ScriptAndStyle", required: false)
</body>
</html>
